<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>后盾人</title>
    <style>
        p {
            border: solid 1px #ddd;
            padding: 10px;
            overflow: hidden;
        }

        p span.shape {
            width: 100px;
            height: 100px;
            float: left;
            padding: 30px;
            background: green;
            margin: 0px;
            /* clip-path: circle(); */
            /* shape-outside: circle(); */
            /* clip-path: ellipse(50% 60%); */
            /* shape-outside: ellipse(50% 60%); */
            /* clip-path: polygon(0 0, 100% 100%, 0 100%); */
            /* shape-outside: polygon(0 0, 100% 100%, 0 100%); */

        }
    </style>
</head>

<body>
    <p>
        <span class="shape"></span>
        后盾人自2010年创立至今，免费发布了大量高质量视频教程，视频在优酷、土豆、酷六等视频网站均有收录，很多技术爱好者受益其中。除了免费视频外，后盾人还为大家提供了面授班、远程班、公益公开课、VIP系列课程等众多形式的学习途径。后盾人有一群认真执着的老师，他们一心为同学着想，将真正的知识传授给大家是后盾人永远不变的追求。
    </p>
</body>

</html>